<div class="inmodal">
    <div class="modal-header">
        <h4 class="modal-title">{{operation | translate}}(ID:{{distributioncircuit.id}})</h4>
    </div>
    <div class="modal-body">
        <form role="form" name="form_distributioncircuit" novalidate class="form-horizontal">
            <div class="form-group">
              <label class="col-sm-2 control-label">{{'DISTRIBUTION_SYSTEM.DISTRIBUTION_CIRCUIT_NAME' | translate}}</label>
                <div class="col-sm-10">
                    <input ng-model="distributioncircuit.name" type="text" name="distributioncircuitname" class="form-control" required="">
                    <div class="m-t-xs" ng-show="form_distributioncircuit.distributioncircuitname.$invalid && form_distributioncircuit.distributioncircuitname.$dirty">
                        <small class="text-danger" ng-show="form_distributioncircuit.distributioncircuitname.$error.required">{{'DISTRIBUTION_SYSTEM.INPUT_DISTRIBUTION_CIRCUIT_NAME' | translate}}</small>
                    </div>
                </div>
            </div>
            <div class="hr-line-dashed"></div>
            <div class="form-group"><label class="col-sm-2 control-label">{{'DISTRIBUTION_SYSTEM.DISTRIBUTION_CIRCUIT_DISTRIBUTION_ROOM' | translate}}</label>
                <div class="col-sm-10">
                    <input ng-model="distributioncircuit.distribution_room" type="text" name="distributioncircuitdistributionroom" class="form-control" required="">
                    <div class="m-t-xs" ng-show="form_distributioncircuit.distributioncircuitdistributionroom.$invalid && form_distributioncircuit.distributioncircuitdistributionroom.$dirty">
                        <small class="text-danger" ng-show="form_distributioncircuit.distributioncircuitdistributionroom.$error.required">{{'DISTRIBUTION_SYSTEM.INPUT_DISTRIBUTION_CIRCUIT_DISTRIBUTION_ROOM' | translate}}</small>
                    </div>
                </div>
            </div>
            <div class="form-group"><label class="col-sm-2 control-label">{{'DISTRIBUTION_SYSTEM.DISTRIBUTION_CIRCUIT_SWITCHGEAR' | translate}}</label>
                <div class="col-sm-10">
                    <input ng-model="distributioncircuit.switchgear" type="text" name="distributioncircuitswitchgear" class="form-control" required="">
                    <div class="m-t-xs" ng-show="form_distributioncircuit.distributioncircuitswitchgear.$invalid && form_distributioncircuit.distributioncircuitswitchgear.$dirty">
                        <small class="text-danger" ng-show="form_distributioncircuit.distributioncircuitswitchgear.$error.required">{{'DISTRIBUTION_SYSTEM.INPUT_DISTRIBUTION_CIRCUIT_SWITCHGEAR' | translate}}</small>
                    </div>
                </div>
            </div>
            <div class="form-group"><label class="col-sm-2 control-label">{{'DISTRIBUTION_SYSTEM.DISTRIBUTION_CIRCUIT_PEAK_LOAD' | translate}}</label>
                <div class="col-sm-10">
                    <input ng-model="distributioncircuit.peak_load" type="number" name="distributioncircuitpeakload" class="form-control" required="">
                    <div class="m-t-xs" ng-show="form_distributioncircuit.distributioncircuitpeakload.$invalid && form_distributioncircuit.distributioncircuitpeakload.$dirty">
                        <small class="text-danger" ng-show="form_distributioncircuit.distributioncircuitpeakload.$error.required">{{'DISTRIBUTION_SYSTEM.INPUT_DISTRIBUTION_CIRCUIT_PEAK_LOAD' | translate}}</small>
                    </div>
                </div>
            </div>
            <div class="form-group"><label class="col-sm-2 control-label">{{'DISTRIBUTION_SYSTEM.DISTRIBUTION_CIRCUIT_PEAK_CURRENT' | translate}}</label>
                <div class="col-sm-10">
                    <input ng-model="distributioncircuit.peak_current" type="number" name="distributioncircuitpeakcurrent" class="form-control" required="">
                    <div class="m-t-xs" ng-show="form_distributioncircuit.distributioncircuitpeakcurrent.$invalid && form_distributioncircuit.distributioncircuitpeakcurrent.$dirty">
                        <small class="text-danger" ng-show="form_distributioncircuit.distributioncircuitpeakcurrent.$error.required">{{'DISTRIBUTION_SYSTEM.INPUT_DISTRIBUTION_CIRCUIT_PEAK_CURRENT' | translate}}</small>
                    </div>
                </div>
            </div>
            <div class="form-group"><label class="col-sm-2 control-label">{{'DISTRIBUTION_SYSTEM.DISTRIBUTION_CIRCUIT_CUSTOMERS' | translate}}</label>
                <div class="col-sm-10">
                    <input ng-model="distributioncircuit.customers" type="text" name="distributioncircuitcustomers" class="form-control">
                </div>
            </div>
            <div class="form-group"><label class="col-sm-2 control-label">{{'DISTRIBUTION_SYSTEM.DISTRIBUTION_CIRCUIT_METERS' | translate}}</label>
                <div class="col-sm-10">
                    <input ng-model="distributioncircuit.meters" type="text" name="distributioncircuitmeters" class="form-control">
                </div>
            </div>
        </form>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-white" ng-click="cancel()">{{'SETTING.CANCEL' | translate}}</button>
        <button type="button" ng-disabled="form_distributioncircuit.$invalid" class="btn btn-primary" ng-click="ok()">{{'SETTING.SAVE' | translate}}</button>
    </div>
</div>
